﻿/*发送消息*/
function send(headSrc, str) {
    var html = "<div class='send'><div class='msg'><img src=" + headSrc + " />" +
	"<p><i class='msg_input'></i>" + str + "</p></div></div>";
    upView(html);
}
/*接受消息*/
function show(headSrc, str) {
    var html = "<div class='show'><div class='msg'><img src=" + headSrc + " />" +
	"<p><i class='msg_input'></i>" + str + "</p></div></div>";
    upView(html);
}
/*更新视图*/
function upView(html) {
    $('.message').append(html);
    $('body').animate({ scrollTop: $('.message').outerHeight() - window.innerHeight }, 200)
}

function sj() {
    return parseInt(Math.random() * 10)
}

$(function () {
    $(this).next().css('background', '#ddd').prop('disabled', false);
    $('.footer').on('keyup', 'input', function () {
        if ($(this).val().length > 0) {
            $(this).next().css('background', '#3498db').prop('disabled', true);

        } else {
            $(this).next().css('background', '#ddd').prop('disabled', false);
        }
    })
})

/*测试数据*/
var arr = ['我是小Q', '好久没联系了！', '你在想我么', '怎么不和我说话', '跟我聊会天吧'];
var imgarr = ['head.jpg', 'head.jpg'];
//test();
function test() {
    $(arr).each(function (i) {
        setTimeout(function () {
            send("head.jpg", arr[i])
        }, sj() * 200)
    })
}